// 自定义指令
// 使用图片的时候，当图片加载失败：<img v-imgerror="http://xxx.com/1.png"/>
export const imgerror = {
  inserted(dom, options) {
    // console.log(dom, options)
    // dom 为使用这个自定义指令的dom元素 options为给指令赋值的默认图片对象
    //   如果图片为null/undefined...
    dom.src = dom.src || options.value
    //  监听img标签的错误事件  因为图片加载失败 会触发  onerror事件
    dom.onerror = function() {
      // 图片失败  赋值一个默认的图片
      dom.src = options.value
    }
  },
  // 当使用指令的组件更新时触发的钩子函数
  componentUpdated(dom, options) {
    dom.src = dom.src || options.value
  }
}
